<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>回调</title>

    <!-- 引入vue和axios-->
    <script src="js/vue/dist/vue.js"></script>
    <script src="js/axios/dist/axios.js"></script>
    <!-- 配置全局axios-->
    <script src="js/common.js"></script>
</head>
<body>
<div id="myDiv">

</div>

<script type="text/javascript">
    new Vue({
        el:"#myDiv",
        mounted() {
            //页面加载就获取code拼接到路径上,发送给后端请求

            var url = location.href;
            //使用工具类获取，工具类返回的是json对象
            var jsonObj = parseUrlParams2Obj(url);
            //获取授权码，发送给后端
            var code = jsonObj.code;

            this.$http.get("/login/wechat/"+code)
            .then(res=>{
                if(res.data.success){
                    // 1. 把key（token）， logininfo  存localStorage中
                    //获取token
                    var token = res.data.resultObj.token;
                    //用户信息
                    var logininfo = res.data.resultObj.loginginfo;
                    localStorage.setItem("token",token);
                    // JSON.stringify(logininfo) 把json对象转成json字符串
                    localStorage.setItem("logininfo",JSON.stringify(logininfo));

                    //跳转后台首页
                    location.href="index.html"
                }else{//没有进行手机绑定
                    var param = res.data.resultObj;
                    location.href = "binder.html"+param;
                }
            }).catch(res=>{
                alert("系统繁忙，请稍后重试!!!")
            })
        }
    });
</script>
</body>
</html>